// JavaScript Document

$(document).ready(function(){
	
	function slide(index){
		$(".tupian img").eq(index).fadeIn('slow').siblings().fadeOut('slow');
		$(".shuzi li").eq(index).addClass("hover").siblings().removeClass("hover");
	}
		var index=0,
		timer;
	
	$(".shuzi li").mouseover(function(){
		clearInterval(timer);
		index=$(".shuzi li").index($(this));
		slide(index);
		})
	
	$(".tupian").hover(function(){
		
		clearInterval(timer);
		},function(){
			
		timer=setInterval(function(){
		index++;
		
		if(index==$(".shuzi li").length){
			index=0;
			}
		slide(index);
		
	},2000)}).trigger("mouseleave")

});
	
